<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html>
<!--<![endif]-->
    <head>
        <meta charset="utf-8" />
        <title>${SYS_TITLE!'Hand Application Platform'}</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1" name="viewport" />
        <link href="${base.contextPath}/lib/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="${base.contextPath}/lib/font-awesome-4.6.3/css/font-awesome.css" rel="stylesheet" type="text/css"/>
        <#include "include/components_css.html">
        <link href="${base.contextPath}/lib/assets/pages/css/login-5.css" rel="stylesheet" type="text/css" />
        <script src="${base.contextPath}/lib/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
        <link href="${base.contextPath}/resources/upload/favicon.png" rel="shortcut icon"/>
        <script>var _baseContext = '${base.contextPath}'</script>
    </head>
    <body class="login">




        <div class="user-login-5">
            <div class="row bs-reset">
                <div class="col-md-6 bs-reset">
                    <div class="login-bg">
                        <img class="login-logo" src="${base.contextPath}/resources/upload/logo.png" width="140"/>
                    </div>
                </div>
                <div class="col-md-6 login-container bs-reset">
                    <div class="login-content">
                        <h4>${update_password_title!}</h4>
                        <#if message?exists>
                            <div class="alert alert-danger">
                                <button class="close" data-close="alert"></button>
                                <span>${message!}</span>
                            </div>
                        </#if>
                        <form class="login-form" autocomplete="off" action="${base.contextPath}/password/reset" method="post">
                            <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
                            <div class="row">
                                <div class="col-sm-12 col-md-6">
                                    <input class="password-input form-control form-control-solid placeholder-no-fix" type="text" name="newPwd" autocomplete="off" placeholder="<@spring.message 'user.new_password'/>"/>
                                </div>
                                <div class="col-sm-12 col-md-6">
                                    <input class="password-input form-control form-control-solid placeholder-no-fix" type="text" name="newPwdAgain" autocomplete="off" placeholder="<@spring.message 'user.again_new_password'/>"/>
                                </div>
                                <script type="text/javascript">
                                    $('.password-input').one('focus',function(){
                                        $(this).attr('type','password');
                                    })
                                </script>
                            </div>
                            <div class="row">
                                <div class="col-sm-12 col-md-6">
                                    <button class="btn blue" type="submit" style="min-width:100px" ><@spring.message "hap.save"/></button>
                                    <a href="${base.contextPath}/login" class="btn btn-default" style="margin-left:15px;" ><@spring.message "hap.back"/></a>
                                </div>
                            </div>

                        </form>
                    </div>
                    <div class="login-footer">
                        <div class="row bs-reset">
                            <div class="col-xs-12 bs-reset">
                                <div class="login-copyright text-right">
                                    <p>  Copyright © 1996 - 2017 上海汉得信息技术股份有限公司.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<!--[if lt IE 9]>
<script src="${base.contextPath}/lib/assets/global/plugins/respond.min.js"></script>
<script src="${base.contextPath}/lib/assets/global/plugins/excanvas.min.js"></script> 
<![endif]-->
        <script src="${base.contextPath}/lib//assets/global/plugins/backstretch/jquery.backstretch.min.js" type="text/javascript"></script>
        <script src="${base.contextPath}/lib/assets/pages/scripts/login-5.js" type="text/javascript"></script>
    </body>
</html>